<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>湖南涉外经济学院</title>
    <style type="text/css">
        *{
            margin: 0 auto;
            padding: 0;
            font-family: 微软雅黑;
        }
        .bg{
            height: 138px;
            min-width: 1200px;
        }
        .top{
            height: 138px;
            width: 1200px;
            position: relative;
        }
        .logo{
            width:470px;
            height: 100px;
            position: absolute;top: 38px;
        }
        .top_ys{
            width: 614px;
            height: 38px;
            background-color: white;
            border-bottom-left-radius: 50px;
            position: absolute;right: 0px;top: 0px;
            text-indent: 30px;
            line-height: 38px;
            color: #01458E;
        }.top_ys span{
            font-size: 12px;
            color: black;
            position: absolute;top: 0px;right: 5px;
            font-family: 新宋体;
                 }

        .ss{
            width:203px;
            height: 27px;
            position: absolute;top:60px;right: 0px;
        }
        .dh{
            width: 480px;
            height: 21px;
            position: absolute;top: 100px;right: 5px;
            color: white;
        }
        .dh a{
            padding-left: 10px;
            color: white;
        }
        a:link{color: white;}
        a{text-decoration: none; }

        .jk{
            height: 50px;
            background-color: #0b68c2;;
            min-width: 1200px;
        }
        .k{
            width: 1200px;
            height: 50px;
            text-align: center;
        }
        .jk .k div{
            width: 145px;
            height: 50px;
            float: left;
            line-height: 50px;
        }
       .but{
            color: white;
        }
        .but:hover{
            background-color: white;
            color: black;
        }
        .dongyuan{
            background-image: url("../img/dongyuan-1.jpg");
            min-width: 1200px;
            height: 596px;
            position: relative;
            text-align:center;
            margin: 0 auto;
        }
        .touming{
            width: 1200px;
            height: 67px;
            background-color: #01458e;
            position: absolute;
            bottom: 46px; left:50%;
            opacity: 0.6;
            margin-left: -600px;
        }
        .zi{
            width: 1200px;
            height: 67px;
            position: absolute;
            top:496px; left: -350px;
            color: white;
            font-size: 30px;
        }

        .aa{
            width: 1200px;
            margin: 0 auto;
            position: relative;
        }
        .zhong{
            width: 460px;
            height: 210px;
            position: absolute;top: 0px;left: 360px;
        }
        .zhong div{
            font-size: 14px;
            height: 30px;
            line-height: 30px;
        }
        div.zhong div.fudon {
            color: #4c4c4c;
        }

        div.zhong div.fudon:hover{
            color: #0b60be;
        }
        .f1{
            float: left;
            padding-left: 15px;
            font-size: 14px;
        }
        .f2{
            float:right;
            padding-right: 30px;
            font-size: 14px;
        }
        .t2{
            position: absolute;right: 0px;top: 0px;
        }

        .z1{
            width: 790px;
            height: 420px;
           position: absolute;top:0px;
        }
        .z11{
            width: 790px;
            height: 40px;
            border-bottom: 1px solid #25397b;
        }
        .z111{
            font-size: 20px;
            height: 33px;
            border-bottom: 4px solid #25397b;
            float: left;
            padding-top: 3px;
            color: #555;
        }
        .t3{
            background-image: url("../img/main_cn.png");
            background-position:-143px -6px;
            width: 14px;
            height: 14px;
            position: absolute;top: 10px;right: 0px;
        }
        .t3 span{
            font-size: 14px;
            color: #979797;
            position: absolute;top: 0px;right: 20px;
        }
        .zxs{
            width: 790px;
            border:1px solid gainsboro;
            height: 180px;
            margin-top: 15px;
            position: relative;
        }
        .zxx{
            width: 790px;
            height: 160px;
            margin-top: 25px;
            position: relative;
        }
        .zxx .fudon{
            width: 790px;
            height: 32px;
        }
        .f5{
            float: left;
            padding-left: 0px;
            font-size: 14px;
            color:#01458E;
        }
        .f6{
            float: left;
            padding-right: 15px;
            font-size: 14px;
            margin-left: 40px;
            font-weight: bold;
        }
        div.z1 div.zxx div.fudon{
            color: #555;
        }
        div.z1 div.zxx div.fudon:hover{
            color:#01458E;
        }
        .tu5{
            width: 280px;
            height: 160px;
            margin:8px 8px;
        }
        .guihua{
            height: 42px;
            width: 460px;
            border-bottom: 1px solid black;
            font-size: 16px;
            font-weight: bold;
            line-height: 42px;
            position:absolute;top: 0px;left: 307px;
        }
        .miaosu{
            width: 450px;
            height: 40px;
            font-size: 14px;
           color: #555;
            position: absolute;top: 60px;left: 307px;
            line-height: 22px;
        }
        .tu6{
            background-image: url("../img/main_cn.png");
            width: 44px;
            height: 20px;
            background-position: -204px -5px;
            position: absolute;top:110px;left: 307px;
            font-size: 14px;
            padding-left: 6px;
        }
        .tu6 a{
            color:white;
        }

        .y1{
            width: 380px;
            height: 420px;
            position: absolute;right: 0px;
        }
        .y11{
            width: 380px;
            height: 40px;
            border-bottom: 1px solid #25397b;
        }
        .y111{
            font-size: 20px;
            height: 33px;
            border-bottom: 4px solid #25397b;
            float: left;
            padding-top: 3px;
            color: #555;
        }
        .t4{
            background-image: url("../img/main_cn.png");
            background-position:-143px -6px;
            width: 14px;
            height: 14px;
            position: absolute;top: 10px;right: 0px;
        }
        .t4 span{
            font-size: 14px;
            color: #979797;
            position: absolute;top: 0px;right: 20px;
        }

        .yx{
            margin-top: 20px;
        }
        .yx .fudon{
            height: 44px;
            border-bottom: 1px solid gainsboro;
            line-height: 44px;
        }
        div.yx div.fudon {
            color: #4c4c4c;
        }

        div.yx div.fudon:hover{
            color: #0b60be;
        }
        .f3{
            float: left;
            font-size: 14px;
        }
        .f4{
            float:right;
            font-size: 14px;
        }

      .lbtop{
          height: 40px;
          width: 1200px;
          border-bottom: 1px solid #25397b;
          position: absolute;
          top: 0px;

      }
      .lbtop1{
          height: 30px;
          border-bottom: 4px solid #25397b;
          margin-top: 7px;
          font-size: 20px;
          color:#4A4A51;
          float: left;
          margin-left: 555px;

      }
      .mo{
          height: 65px;
          text-align: center;
         margin-top: 25px;
          padding-top: 60px;
      }
      .lb2{
          background-image: url("../img/shewaijiantou.jpg");
          width: 15px;
          height: 15px;
          background-position: center center;
      }
      .tlb{
          height: 340px;
          margin-top:0px;
      }


        .a4{
            width: 390px;
            height: 258px;
            position: absolute;left: 0px;
        }
        .a4_1{
            width: 390px;
            height: 40px;
            color:#4A4A51;
            font-size: 20px;
            border-bottom: 1px solid #25397b;
        }
        .a4_11{
            height: 34px;
            border-bottom: 3px solid #25397b;
            float: left;
            margin-top: 4px;
        }
        .a4_2{
            background-image: url("../img/main_cn.png");
            width: 64px;
            height: 65px;
            position: absolute;left: 0px;top: 80px;
            background-position: -223px bottom;
        }
        .a4_22{
           margin-left: 95px;
            margin-top: 55px;
            font-size: 18px;
            color: #4a4a51;
        }
        .a4_3{
            background-image: url("../img/main_cn.png");
            width: 64px;
            height: 65px;
            position: absolute;left: 195px;top: 80px;
            background-position: -159px bottom;
        }
        .a4_33{
            margin-left: 290px;
            margin-top: -24px;
            font-size: 18px;
            color: #4a4a51;
        }
        .a4_4{
            background-image: url("../img/main_cn.png");
            width: 64px;
            height: 65px;
            position: absolute;left: 0px;top: 185px;
            background-position: -287px bottom;
        }
        .a4_44{
            margin-left: 95px;
            margin-top: 80px;
            font-size: 18px;
            color: #4a4a51;
        }
        .a4_5{
            background-image: url("../img/main_cn.png");
            width: 64px;
            height: 65px;
            position: absolute;left: 195px;top: 185px;
            background-position: -94px bottom;
        }
        .a4_55{
            margin-left: 290px;
            margin-top: -22px;
            font-size: 18px;
            color: #4a4a51;
        }



        .a5{
            width: 790px;
            height: 258px;
            position: absolute;right: 0px;
        }
        .a5_1{
            width: 790px;
            height: 40px;
            color:#4A4A51;
            font-size: 20px;
            border-bottom: 1px solid #25397b;
        }
        .a5_11{
            height: 34px;
            border-bottom: 3px solid #25397b;
            float: left;
            margin-top: 4px;
        }
        .a5_2{
            width: 790px;
            height: 180px;
            border: 1px solid gainsboro;;
            margin-top: 30px;
        }
        .a5_22{
            background-image: url("../img/main_cn.png");
            background-position: -252px 0;
            width: 56px;
            height: 180px;
            position: absolute;left: 1px;
        }
        .a5_23{
            background-image: url("../img/main_cn.png");
            background-position: -307px 0;
            width: 56px;
            height: 180px;
            position: absolute;left: 57px;
        }
        .a5_24{
            width: 670px;
            height: 180px;
            position: absolute;left: 113px;
        }
        .mytable{border-collapse: collapse;}
        .mytable td{
            height: 34px;
            width: 160px;
            margin: 0 auto;
        }
        .mytable a div .ta1:hover{
            color: #0b60be;
        }
        .ta{
            width: 8px;
            height: 8px;
            background-color: #f8b551;
            float: left;
             text-align: center;

        }
        .ta2{
            font-size: 14px;
            color: #6f6f6f;
            text-align:left;
            width: 160px;
            height: 30px;
            line-height: 30px;
            white-space: nowrap;
        }

        .dibu{
            height: 210px;
            background-color: #01458e;
            min-width: 1200px;
        }
        .bot{
            width: 1200px;
            height: 210px;
            position: relative;
        }
        .er{
            width: 125px;
            height: 110px;
            border-right: 1px solid white;
            position: absolute;top:50px;
            padding-left: 65px;
        }
        .bot div span{
            position: absolute;
            top:80px;left: 76px;
            font-size: 14px;
            color: #f0f0f0;
            cursor: pointer;
        }
        .pp{
            width: 590px;
            height: 110px;
            border-right: 1px solid white;
            position: absolute;left: 190px;top: 50px;
            color: #ccc;
            font-size: 14px;
        }
        .pp p{
            padding-left: 38px;
            margin-bottom: 10px;
        }
        .pp p.ppp{
            padding-left: 18px;
        }
        .wei{
            width: 420px;
            height: 110px;
            position: absolute;right: 0px;top: 50px;
        }
    </style>
</head>
<body>
<div class="bg" style="background-image: url('../img/top.png')">
<div class="top">
    <div class="logo"><img src="../img/logo.png" style="width:87px;height: 100px;"><img src="../img/whitetext.png" style="width: 368px;height:61px;position: absolute;right:0px;top:15px; "></div>
    <div class="top_ys"><img src="../img/yuan_03.png"> 欢迎访问湖南涉外经济学院 <span>2017年1月3日 　 星期二  　丙申年腊月初六</span></div>
    <div class="ss"><input type="text"style="width:170px; background-color: transparent;border: none;border-bottom: 1px solid white;outline: none; ">
        <img src="../img/seach_03.png" style="position: absolute;top: 2px;right: 3px;cursor: pointer;"></div>
    <div class="dh">
        <a href="#">加入收藏</a>　|
        <a href="#">信息系统</a>　|
        <a href="#">邮件系统</a>　|
        <a href="#">教务网站</a>　|
        <a href="#">EngLish</a>


    </div>


</div></div>
<div class="jk">
    <div class="k">
            <a href="#"><div class="but">首页</div></a>
            <a href="#"><div class="but">涉外概况</div></a>
            <a href="#"><div class="but">新闻网</div></a>
            <a href="#"><div class="but">招生网</div></a>
            <a href="#"><div class="but">就业网</div></a>
            <a href="#"><div class="but">教学科研</div></a>
            <a href="#"><div class="but">国际交流</div></a>
            <a href="#"><div class="but">校友网</div></a>

    </div></div>
<div class="dongyuan">
<div class="touming"></div><div class="zi">湖南涉外经济学院</div>
</div>

<div class="aa" style="height: 210px;margin-top: 40px;">
    <div><img src="../img/shewai1.jpg"></div>
    <div class="zhong">
        <a href="#"> <div class="fudon">
            <div class="f1">我校微电影《马桑树的孩子》荣获湖南省...</div>
            <div class="f2">2017年01月03日</div>
        </div></a>
        <a href="#"> <div class="fudon">
            <div class="f1">体育学院举行“金鸡破晓•异彩纷呈”元...</div>
            <div class="f2">2017年01月03日</div>
        </div></a>
        <a href="#"><div class="fudon">
             <div class="f1">音乐学院2016年度颁奖典礼暨元旦晚会圆...</div>
            <div class="f2">2017年01月03日</div>
        </div></a>
        <a href="#"><div class="fudon">
             <div class="f1">继续教育学院2016年度教学汇报暨元旦汇...</div>
            <div class="f2">2017年01月03日</div>
        </div></a>
        <a href="#"><div class="fudon">
             <div class="f1">梦想起航——“至”2017最美的你</div>
            <div class="f2">2017年01月03日</div>
        </div></a>
        <a href="#"> <div class="fudon">
             <div class="f1">我校“一校一书”阅读推广征文活动结束.</div>
            <div class="f2">2016年12月30日</div>
        </div></a>
        <a href="#"> <div class="fudon">
            <div class="f1">国际教育学院2016年度表彰大会暨元旦晚...</div>
            <div class="f2">2016年12月30日</div>
        </div></a>
    </div>
    <div class="t2"><img src="../img/shewai2.jpg"></div>

</div>
<div class="aa" style="height: 420px;margin-top: 40px;">
    <div class="z1">
        <div class="z11">
            <div class="z111">精彩看点</div>
            <div class="t3"><span>MORE</span></div>
        </div>
        <div class="zxs">
            <div class="tu5"><img src="../img/shewai3.jpg" style="width: 280px; height: 160px;"></div>
            <div class="guihua">【新湖南】涉外校园桂花飘香 沁人心脾</div>
            <div class="miaosu">10月9日，湖南涉外经济学院校园内的多条桂花路，马路两边全是桂花树，数以万计的淡黄色小花密密匝匝、团团簇簇，掩映在碧绿的...</div>
            <div class="tu6"><a href="#">详情</a> </div>
        </div>
        <div class="zxx">
            <a href="#"> <div class="fudon">
                <div class="f5">2016年11月23日</div>
                <div class="f6">“湖湘杯”2016 网络安全技能大赛</div>
            </div></a>
            <a href="#"> <div class="fudon">
                <div class="f5">2016年11月29日</div>
                <div class="f6">【三湘都市报】我省大中学生比拼乒乓球</div>
            </div></a>
            <a href="#"> <div class="fudon">
                <div class="f5">2016年10月29日</div>
                <div class="f6">【红网】湖南涉外经济学院：为学生搭建创新创业平台</div>
            </div></a>
            <a href="#"> <div class="fudon">
                <div class="f5">2016年10月26日</div>
                <div class="f6">【新湖南】航拍——我想和你一起在最高处看涉外</div>
            </div></a>
            <a href="#"> <div class="fudon">
                <div class="f5">2016年10月12日</div>
                <div class="f6">【新湖南】涉外校园桂花飘香 沁人心脾</div>
            </div></a>
        </div>
    </div>
    <div class="y1">
        <div class="y11">
        <div class="y111">通知公告</div>
        <div class="t4"><span>MORE</span></div>
    </div>
        <div class="yx">
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
            <a href="#">
                <div class="fudon"><div class="f3">湖南涉外经济学院2016年拟减免...</div>
                    <div class="f4">2016年12月17日</div></div></a>
        </div>
    </div>
</div>
<div class="aa" style="height: 470px;margin-top: 43px;">
    <div class="lbtop"><div class="lbtop1">涉外图志</div></div>
    <div class="mo">MORE<div class="lb2"></div></div>
    <div class="tlb"><marquee onmouseover="this.stop()"
                              onmouseout="this.start()"
                              scrollamount="2" scrolldelay="3" direction="left">
        <img src="../img/swlbt1.jpg">
        <img src="../img/swlbt2.jpg">
        <img src="../img/swlbt3.jpg">
        <img src="../img/swlbt5.jpg">
        <img src="../img/swlbt6.jpg">
        <img src="../img/swlbt7.jpg">
        <img src="../img/swlbt8.jpg">
        </marquee></div>
</div>
<div class="aa" style="height: 258px;margin-top: 40px;">
    <div class="a4">
        <div class="a4_1"><div class="a4_11">阳光服务 　</div></div>
        <a href="#"> <div class="a4_2"></div><div class="a4_22">服务大厅</div></a>
        <a href="#"> <div class="a4_3"></div><div class="a4_33">信息公开</div></a>
        <a href="#"> <div class="a4_4"></div><div class="a4_44">资料下载</div></a>
        <a href="#"> <div class="a4_5"></div><div class="a4_55">办公电话</div></a>
    </div>
    <div class="a5">
        <div class="a5_1"><div class="a5_11">网站导航 　</div></div>
        <div class="a5_2">
            <div class="a5_22"></div>
            <div class="a5_23"></div>
            <div class="a5_24">
                <table class="mytable">
                    <tr>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                学生办公室(团委)
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                教务处
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                招生办
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                教务处
                            </div></a></td>
                    </tr>
                    <tr>
                        <td>
                            <a href="#">
                                <div class="ta2" style = 'position: relative'>
                                    <div class="ta" style = 'margin: 12px'></div>
                                    教务处
                                </div>
                            </a>
                        </td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                招生办
                            </div>
                        </a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                教务处
                            </div>
                        </a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                学生工作处
                            </div>
                        </a></td>
                    </tr>
                    <tr>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                学生工作处
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                （团委）
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                学生工作处
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                工会
                            </div></a></td>
                    </tr>
                    <tr>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                招生办
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                招生办
                            </div></a></td>
                        <td><a href="#">
                            <div class="ta2" style = 'position: relative'>
                                <div class="ta" style = 'margin: 12px'></div>
                                招生办
                            </div></a></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>

</div>
</div>


<div class="dibu"style="margin-top: 70px;">
    <div class="bot">
        <div class="er"><img src="../img/er.png"><span>手机版</span></div>
<div class="pp"><p>邮编：410205 招生咨询电话：0731-88100988</p>
<p>学校地址：湖南省长沙市岳麓区枫林三路822号</p>
<p>湘教QS3-200504-000022 湘ICP备14005754号-1</p>
<p class="ppp">(版权所有 湖南涉外经济学院 www.hieu.edu.cn 安全联盟360网站安全检测平台)</p></div>
        <div class="wei"><img src="../img/weibo.jpg" style="position: absolute;left: 30px; top:0px;cursor: pointer">
        <img src="../img/weixin.jpg" style="position: absolute; left: 205px;top: 0px;"></div>
</div></div>
</body>
</html>